<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- saved from url=(0056)http://www.cheatography.com/davechild/cheat-sheets/css2/ -->
<html lang="en" class="is_webkit"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/shares.json"></script><script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/shares(1).json"></script><script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/auth016.js"></script><script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/counter017.js"></script><link rel="stylesheet" type="text/css" href="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/counter014.css" media="all"><link rel="stylesheet" type="text/css" href="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/widget119.css" media="all">

        <title>CSS2 Cheat Sheet by DaveChild - Cheatography.com</title>

        
        <meta http-equiv="Content-Style-Type" content="text/css">

        <meta http-equiv="X-UA-Compatible" content="IE=Edge">

        <!--<base href="http://www.cheatography.com/">--><base href=".">

        <link rel="shortcut icon" href="http://www.cheatography.com/favicon.png">
        <link rel="apple-touch-icon" href="http://www.cheatography.com/images/cheatography-iphone.png">

        <link rel="alternate" type="application/rss+xml" title="New Cheat Sheets RSS feed." href="http://www.cheatography.com/explore/new/rss/">

        <script type="text/javascript" async="" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/ga.js"></script><script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/jquery.min.js"></script>
        <script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/jquery-ui.min.js"></script>
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/jquery.fancybox.js"></script>
        <script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/jquery.cookie.js"></script>
        <script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/jquery.formalize.js"></script>
        <script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/jquery.tagsinput.js"></script>
        <script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/jquery.validation.js"></script>
        <script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/jquery.hoverIntent.minified.js"></script>
        <script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/ajax.js"></script>
        <!--<script type="text/javascript" src="http://cheatography.envoyapp.com/scripts/jquery.flot.js"></script>
        <script type="text/javascript" src="http://cheatography.envoyapp.com/scripts/jquery.flot.bubble.js"></script>
        <script type="text/javascript" src="http://cheatography.envoyapp.com/scripts/jquery.flot.pie.js"></script>-->

        <link href="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/styles.css" rel="stylesheet" type="text/css">
        <link href="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/print.css" rel="stylesheet" type="text/css" media="print">
        <link href="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/jquery.fancybox-1.3.1.css" rel="stylesheet" type="text/css">

        <link href="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/css" rel="stylesheet" type="text/css">

        <!--[if lt IE 7]>
            <script type="text/javascript" src="http://www.cheatography.com/scripts/iepngfix.htc"></script>
            <style type="text/css">
                body {
                    behavior: url("http://www.cheatography.com/scripts/csshover.htc");
                }
            </style>
        <![endif]-->
        <!--[if IE 7]>
            <style type="text/css">

            </style>
        <![endif]-->

        <script type="text/javascript"><!--
            $(document).ready(function () {
                //$('#user_dropdown', this).hide();

                jQuery.expr[':'].icontains = function(a, i, m) {
                    var elText = jQuery(a).text();
                    elText = elText.replace(/\&#173;/g, ''); // Remove soft hyphens
                    elText = elText.replace(/­/g, ''); // Looks like it's replacing nothing, but it's not! Within those slashes is a rendered version of a soft hyphen. Needed for Opera.
                    elText = elText.replace(/<(?:.|\n)*?>/gm, ''); // Strip HTML
                    elText = elText.toUpperCase();
                    return elText.indexOf(m[3].toUpperCase()) >= 0;
                };

                $('#header ul li').hover(
                    function () {
                        $('ul', this).show();
                    },
                    function () {
                        $('ul', this).hide();
                    }
                );
                $('.edit_menu_show').hover(
                    function () {
                        $(this).addClass('edit_menu_show_on');
                        $('.edit_menu_button', this).addClass('edit_menu_button_on');
                        $('.edit_menu', this).show();
                    },
                    function () {
                        $(this).removeClass('edit_menu_show_on');
                        $('.edit_menu_button', this).removeClass('edit_menu_button_on');
                        $('.edit_menu', this).hide();
                    }
                );
                $('#user_info').hover(
                    function () {
                        $('#user_dropdown', this).show();
                    },
                    function () {
                        $('#user_dropdown', this).hide();
                    }
                );
                $('p.forminfo').hover(
                    function () {
                        $('span', this).show();
                    },
                    function () {
                        $('span', this).hide();
                    }
                );
                $('#cheat_sheet_tags').tagsInput({delimiter:" "});
                $('#block_tags').tagsInput({delimiter:" "});
                $('.thumb').fancybox({
                    'titleShow': false,
                    'autoScale': true
                });
                $('.inline').fancybox({
                    'titleShow': false,
                    'width': 300,
                    'autoDimensions': false
                });
                $('.download_popup').fancybox({
                    'titleShow': false,
                    'autoDimensions': true
                });
                $('#cs_filter').keyup(function(e) {
                    var filter = $(this).val();
                    if (filter.length > 0) {
                        $('.cheat_sheet_output_block tr').hide();
                        $('.cheat_sheet_output_block tr').find("td:icontains(" + filter + ")").parent().show();
                        $(".cheat_sheet_output_wrapper h3:icontains(" + filter + ")").parent().find("tr").show();
                        $('.cheat_sheet_output_block .cheat_sheet_note').hide();
                        $(".cheat_sheet_output_block .cheat_sheet_note:icontains(" + filter + ")").show();
                    } else {
                        $('.cheat_sheet_output_block tr').show();
                        $('.cheat_sheet_output_block .cheat_sheet_note').show();
                    }

                    // Zebra! Each block needs to be enzebraed individually
                    $(".cheat_sheet_output_block").each(function(index, element) {
                        var counter = 0;
                        $(element).find('tr').not(':hidden').each(function(inner_index, inner_element) {
                            counter += 1;
                            if ((counter % 2) == 1) {
                                $(inner_element).addClass('altrow');
                            } else {
                                $(inner_element).removeClass('altrow');
                            }
                        });
                    });
                });
                $('#cs_filter').keypress(function(e) {
                    if (e.which == 13) {
                        return false;
                    }
                });

                // Focus on various fields if present
                if ($('#cs_filter')) {
                    $('#cs_filter').focus();
                }

                // If login failed, open login popup
                
                // If messages on page, scroll to them
                if ($('#message_wrapper').length) {
                    $('html, body').animate({
                        scrollTop: $("#message_wrapper").offset().top
                    }, 500);
                }

                // Handle FAQ showing and hiding
                $('.faq li').each(function() {
                    var faq = $(this);
                    var question = faq.find('h3');
                    var answer = faq.find('p');
                    var state = false;
                    faq.click(function() {
                        // Current answer state
                        state = faq.hasClass('active');
                        // Turn off other answers
                        $('.faq li').removeClass('active');
                        $('.faq li p').slideUp();
                        // Toggle current answer
                        if (!state) {
                            faq.addClass('active');
                            answer.slideDown();
                        }
                    });
                });
            });

            function setCsOrder() {
                var csOrder = {
                    'cheat_sheet_id': cheat_sheet_id,
                    'cs1': [],
                    'cs2': [],
                    'cs3': []
                };
                // Get column 1
                $('.cheat_sheet_output_column_1 .cheat_sheet_output_wrapper').each(function() {
                    var blockId = $(this).attr('id');
                    blockId = blockId.substring(6);
                    csOrder.cs1.push(blockId);
                });
                $('.cheat_sheet_output_column_2 .cheat_sheet_output_wrapper').each(function() {
                    var blockId = $(this).attr('id');
                    blockId = blockId.substring(6);
                    csOrder.cs2.push(blockId);
                });
                $('.cheat_sheet_output_column_3 .cheat_sheet_output_wrapper').each(function() {
                    var blockId = $(this).attr('id');
                    blockId = blockId.substring(6);
                    csOrder.cs3.push(blockId);
                });
                // Awesome. Got the list of block IDs, by column, for this cheat sheet. Send it to PHP.
                $.post('/ajax.php?action=reorder_cheat_sheet', csOrder, function(data) {

                });

            }

        //--></script>

        <script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/jscolor.js"></script>

                    <meta property="fb:admins" content="860405712">
            <meta property="fb:app_id" content="152741628156662">
            <meta property="og:site_name" content="Cheatography">
            <meta property="og:url" content="http://www.cheatography.com/davechild/cheat-sheets/css2/">
            <meta property="og:title" content="CSS2 Cheat Sheet">
            <meta property="og:image" content="http://www.cheatography.com/storage/thumb/davechild_css2.jpg">
            <meta property="og:type" content="cheatography:cheat_sheet">
            <meta property="og:description" content="CSS2 Cheat Sheet from DaveChild. A quick reference guide for CSS, listing selector syntax, properties, units and other useful bits of information.">
        
    <style type="text/css">#fdbk_overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000000;
  position: absolute; }

#fdbk_screen {
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  position: absolute;
  background-color: black;
  opacity: 0.45;
  -moz-opacity: 0.45;
  filter: alpha(opacity=45); }

#fdbk_container {
  width: 680px;
  height: 640px;
  margin: 0 auto;
  z-index: 2;
  position: relative; }
  #fdbk_container iframe {
    width: 658px;
    height: 100%;
    margin: 20px;
    background: transparent; }
  #fdbk_container iframe.loading {
    background: transparent url(https://d37h3y471q0lt2.cloudfront.net/assets/fb_loading-69ae70a0488c96730fb4a43785fd97b7.png) no-repeat; }

a#fdbk_tab {
  top: 25%;
  left: 0;
  width: 42px;
  height: 102px;
  color: white;
  cursor: pointer;
  text-indent: -100000px;
  overflow: hidden;
  position: fixed;
  z-index: 100000;
  margin-left: -7px;
  background-image: url(https://d37h3y471q0lt2.cloudfront.net/assets/feedback_trans_tab-fa5bd26fde4425fd8102f4380980fc11.png);
  _position: absolute;
  _background-image: url(https://d37h3y471q0lt2.cloudfront.net/assets/feedback_tab_ie6-5de9693842b993553b7b7e3c443ff75e.png); }
  a#fdbk_tab:hover {
    margin-left: -4px; }

a.fdbk_tab_right {
  right: 0 !important;
  left: auto !important;
  margin-right: 0 !important;
  margin-left: auto !important;
  width: 35px !important; }
  a.fdbk_tab_right:hover {
    width: 38px !important;
    margin-right: 0 !important;
    margin-left: auto !important; }

a.fdbk_tab_bottom {
  top: auto !important;
  bottom: 0 !important;
  left: 20% !important;
  height: 38px !important;
  width: 102px !important;
  background-position: 0 -102px !important;
  margin-bottom: -7px !important;
  margin-left: auto !important; }
  a.fdbk_tab_bottom:hover {
    margin-bottom: -4px !important;
    margin-left: auto !important; }

a.fdbk_tab_hidden {
  display: none !important; }

a#fdbk_close {
  position: absolute;
  cursor: pointer;
  outline: none;
  top: 0;
  left: 0;
  z-index: 4;
  width: 42px;
  height: 42px;
  overflow: hidden;
  background-image: url(https://dv4uxy777adjt.cloudfront.net/assets/feedback-close-28150549f7cfbad294bff4e64334c01a.png);
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://dv4uxy777adjt.cloudfront.net/assets/feedback-close-28150549f7cfbad294bff4e64334c01a.png", sizingMethod='crop'); }
  a#fdbk_close:hover {
    background-position: -42px 0; }

.feedback_tab_on embed, .feedback_tab_on select, .feedback_tab_on object {
  visibility: hidden; }
</style><link href="http://www.cheatography.com/undefined" rel="publisher"></head>

<body>

    <div id="header"><div id="header_inner">

        <a href="http://www.cheatography.com/" class="imagelink logolink"><img width="156" height="25" id="title_logo" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/cheatography_logo.png" alt="Cheatography"></a>

        <div id="user_info" style="position: relative; float: right; margin: 0 0 0 50px; padding: 0; white-space: nowrap; line-height: 40px; height: 69px; background: #86AFAD;">
                            <div style="margin: 13px 15px 0; color: #fff;"><a style="float: none; display: inline;" href="http://www.cheatography.com/members/login/" class="imagelink"><img style="vertical-align: middle;" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/login.png" alt="Login"></a> or <a style="float: none; display: inline;" href="http://www.cheatography.com/members/register/" class="imagelink"><img style="vertical-align: middle;" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/register.png" alt="Register"></a></div>
                    </div>


        <form style="display: none; float: right; padding: 0 15px;" action="http://www.cheatography.com/explore/search/" method="GET" id="sidebar_form">
            <fieldset>
                <input type="text" name="q" id="q" style="width: 100px;">
                <input type="submit" value="Search">
            </fieldset>
        </form>

        <!-- Site section: browse -->
        <nav><ul>
            <li><a href="http://www.cheatography.com/">Home</a></li>
                        <li><a href="http://www.cheatography.com/explore/">Explore</a></li>
            <li><a href="http://www.cheatography.com/create/">Create</a></li>
            <li><a href="http://www.cheatography.com/members/">Community</a></li>
            <li><a href="http://www.cheatography.com/blog/">Blog</a></li>
            <li class="last"><a href="http://www.cheatography.com/help/">Help</a></li>
        </ul></nav>

        <div class="clear"></div>

    </div></div><!-- /header -->

    <div style="padding: 10px; text-align: center; background: #F0F2E6; border-bottom: 1px solid #999999;">Cheatography has had an upgrade! <a href="mailto:support@cheatography.com">Let us know what you think</a>!</div>

    <div id="content"><div id="content_inner">

                    <div class="adsense"><script type="text/javascript"><!--
                google_ad_client = "pub-2965569270921917";
                /* Cheatopgraphy Top */
                google_ad_slot = "8025457838";
                google_ad_width = 728;
                google_ad_height = 90;
                //-->
            </script>
            <script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/show_ads.js"></script><ins style="display:inline-table;border:none;height:90px;margin:0;padding:0;position:relative;visibility:visible;width:728px;background-color:transparent"><ins id="aswift_0_anchor" style="display:block;border:none;height:90px;margin:0;padding:0;position:relative;visibility:visible;width:728px;background-color:transparent"><iframe width="728" height="90" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&amp;&amp;s.handlers,h=H&amp;&amp;H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&amp;&amp;d&amp;&amp;(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){try{h=s.upd(h,i)}catch(e){}w.location.replace(h)}}" id="aswift_0" name="aswift_0" style="left:0;position:absolute;top:0;"></iframe></ins></ins>
            </div>
        
        
<div id="subnav">
	<h1>CSS2 Cheat Sheet <span class="subhead"> by  <span class="hover_wrap"><a href="http://www.cheatography.com/davechild/" class="user_hover">DaveChild</a></span></span></h1>

<ul><li class="icon icon_comments"><a href="http://www.cheatography.com/davechild/cheat-sheets/css2/#comments">10 Comments</a></li><li class="icon icon_download"><a href="http://www.cheatography.com/#download_popup" onclick="trackDownloadPopup(); return false;" class="download_popup">Downloads</a></li><li class="icon icon_magnifier"><span style="color: #666;">Find:</span> <input id="cs_filter" type="text" style="width: 100px;"></li></ul><div class="clear"></div></div>


    <script type="text/javascript">

        var redirectTimeout;

        var _gaq = _gaq || [];

                    // Analytics
            _gaq.push(
                ['b._setAccount', 'UA-4997759-19'],
                ['b._trackPageview']
            );
        
        function trackDownload(downloadType, newLocation) {
            var redirect = function(){ clearTimeout(redirectTimeout); _gaq.push(['_set', 'hitCallback', null]); window.location = newLocation; };
            _gaq.push(['_set', 'hitCallback', redirect]);
            _gaq.push(['_trackEvent', 'Cheat Sheets', 'Download', 'CSS2 Cheat Sheet (' + downloadType + ')']);
                            _gaq.push(['b._trackEvent', 'Cheatography Cheat Sheets', 'Download', 'CSS2 Cheat Sheet (' + downloadType + ')']);
                        redirectTimeout = setTimeout(redirect, 1000); // Just in case hitCallback fails
            return false;
        }

        function trackDownloadPopup() {
            _gaq.push(['_trackEvent', 'Cheat Sheets', 'Download Popup', 'Opened Download Popup for CSS2 Cheat Sheet']);
                            _gaq.push(['b._trackEvent', 'Cheatography Cheat Sheets', 'Download Popup', 'Opened Download Popup for CSS2 Cheat Sheet']);
                    }

        var cheat_sheet_id = 14; // User in ajax

        $(document).ready(function() {
            var hiddenBlocks = new Array();
            if ($.cookie('hiddenBlocks')) {
                hiddenBlocks = $.cookie('hiddenBlocks').split('-');
                for (var i = 0; i < hiddenBlocks.length; i++) {
                    $('#block_' + hiddenBlocks[i]).slideUp(400);
                }
            }
            $('.cheat_sheet_output_title').click(function() {
                var block_id = this.id.substr(6);
                // Check to see if it's hidden
                if ($.inArray(block_id, hiddenBlocks) === -1) {
                    $('#block_' + block_id).slideUp(400);
                    hiddenBlocks[hiddenBlocks.length] = block_id;
                } else {
                    $('#block_' + block_id).slideDown(400);
                    for (var i = 0; i < hiddenBlocks.length; i++) {
                        if (hiddenBlocks[i] == block_id) {
                            hiddenBlocks.splice(i, 1);
                        }
                    }
                }
                // Now, toggle all those items with cookies
                $.cookie('hiddenBlocks', hiddenBlocks.join('-'));
            });


            
            $.validator.addMethod("checkContrast", checkContrast, "Please use a darker colour.");
            $("#cheatSheetForm").validate({
                // Without this, the submit button values don't get sent. Weird.
                submitHandler: function(form){
                    form.submit();
                },
                ignore: "",
                rules: {
                    cheat_sheet_name: {
                        maxlength: 50,
                        remote: {
                            url: "/ajax.php?action=validate&cheat_sheet_alias=css2&check=cheatsheetname",
                            dataFilter: function(data) {
                                var json = JSON.parse(data);
                                if(json.valid === true) {
                                    return '"true"';
                                }
                                return "\"" + json.errors.toString().replace(/"/g, '\\"') + "\"";
                            }
                        }
                    },
                    cheat_sheet_short_description: {
                        maxlength: 500
                    },
                    cheat_sheet_tags: {
                        required: true
                    },
                    cheat_sheet_background: {
                        checkContrast: true,
                        required: "#cheat_sheet_type_internal:checked"
                    },
                    cheat_sheet_external: {
                        required: "#cheat_sheet_type_external:checked"
                    },
                    cheat_sheet_external_author: {
                        required: "#cheat_sheet_type_external:checked"
                    }
                },
                messages: {
                    cheat_sheet_tags: {
                        required: 'Please add at least one tag, and ideally three or more.'
                    },
                    cheat_sheet_background: {
                        required: 'Please select a colour.',
                        checkContrast: 'The colour you have selected is a bit too bright, and would make parts of your cheat sheet difficult to read. Please select a darker colour.'
                    },
                    cheat_sheet_external: {
                        required: 'Please enter a valid URL'
                    },
                    cheat_sheet_external_author: {
                        required: 'Please enter an author name'
                    }
                },
                unhighlight: function (el, error, valid, _orig) {
                    $(el).parents('.formrow').last().find('p').addClass("valid");
                    $(el).parents('.formrow').last().find('p').removeClass("invalid");
                    $(el).parents('.formrow').last().find('ul.error').hide('slow');
                },
                highlight: function (el, error, valid, _orig) {
                    $(el).parents('.formrow').last().find('p').removeClass("valid");
                    $(el).parents('.formrow').last().find('p').addClass("invalid");
                },
                errorPlacement: function(error, el) {
                    $(el).parents('.formrow').last().find('ul.error').html('<li>' + $(error).text() + '</li>');
                    $(el).parents('.formrow').last().find('ul.error').show('slow');
                    //$(el).parent().find('span').html($(error).text());
                    return true;
                }
            });
        });

        function edit_cheat_sheet() {
            $('#edit_cheat_sheet').toggle('slideDown');
        }

        function checkContrast(value, element) {
            var colour = value.replace('#', '');

            var rdec = parseInt(colour.substring(0, 2), 16);
            var gdec = parseInt(colour.substring(2, 4), 16)
            var bdec = parseInt(colour.substring(4, 6), 16);

            var contrast = (1.05 / (0.05 + (0.2126 * Math.pow(rdec /255, 2.2)) + (0.7152 * Math.pow(gdec /255, 2.2)) + (0.0722 * Math.pow(bdec /255, 2.2))));

            if (contrast < 2) {
                $('#cheat_sheet_background').css('color', '#000000');
            } else {
                $('#cheat_sheet_background').css('color', '#FFFFFF');
            }

            if (contrast < 1.5) {
                return false;
            } else {
                return true;
            }
        }

    </script>

    <style type="text/css">

        .edit_menu_show {
            position: relative;
            float: right;
            margin: 0 0 0 25px;
            width: 26px;
            top: -3px;
            height: 29px;
            border-top-right-radius: 2px;
            border-top-left-radius: 2px;
        }

        .edit_menu_show_on {
            box-shadow: 0 0 3px #333;
        }

        .edit_menu_button {
            position: absolute;
            width: 26px;
            height: 34px;
            background: url('/images/icons/menu.png') 5px 8px no-repeat;
            border-top-right-radius: 2px;
            border-top-left-radius: 2px;
            top: 0;
            right: 0;
        }

        .edit_menu_button_on {
            background: #fff url('/images/icons/menu_on.png') 5px 8px no-repeat;
            z-index: 50;
        }

        .edit_menu {
            background: #fff;
            display: none;
            padding: 5px 8px 0;
            position: absolute;
            width: 150px;
            right: 0;
            top: 100%;
            box-shadow: 0 0 3px #333;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

            .edit_menu ul li {
                padding-bottom: 5px;
            }

            .cheat_sheet_output_wrapper .edit_menu a {
                color: #FA6900;
                border-color: #FA6900;
            }

    </style>

    <div class="hidden" style="display: none;">
        <div id="download_popup">
            <div style="padding: 20px;">
                <h2 class="notopmargin">Download the CSS2 Cheat Sheet</h2>
                <div style="padding: 20px; width: 400px;">

                    <div class="biptych1">
                        <a class="imagelink" href="http://www.cheatography.com/davechild/cheat-sheets/css2/pdf/"><img style="-moz-box-shadow: 1px 1px 3px #666; -webkit-box-shadow: 1px 1px 3px #666; box-shadow: 1px 1px 3px #666; line-height: 1;" width="150" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/davechild_css2.jpg"></a>
                    </div>
                    <div class="biptych2">
                        <p class="padded"><strong>PDF</strong> (recommended)</p>
                        <ul style="margin-bottom: 20px;">
                            <li class="icon icon_pdf"><a href="http://www.cheatography.com/davechild/cheat-sheets/css2/pdf/" onclick="return trackDownload(&#39;PDF&#39;, this.href);">PDF (2 pages)</a></li>
                        </ul>
                        <p class="padded"><strong>Alternative&nbsp;Downloads</strong></p>
                        <ul>
                            <li class="icon icon_tex"><a href="http://www.cheatography.com/davechild/cheat-sheets/css2/latex/" onclick="return trackDownload(&#39;LaTeX&#39;, this.href);">LaTeX</a></li>
                            <!--<li class="icon icon_pdf"><a href="/davechild/cheat-sheets/css2/json/">JSON</a></li>-->
                            <li class="icon icon_pdf"><a href="http://www.cheatography.com/davechild/cheat-sheets/css2/pdf_v1/" onclick="return trackDownload(&#39;PDF (Old Version)&#39;, this.href);">PDF (old version)</a></li>
                        </ul>
                    </div>
                    <div class="clear"></div>


                </div>

            </div>
        </div>
    </div>


    <div id="body_wide"><div id="body_wide_inner"><div id="body_wide_shadow">



        



                <style type="text/css">

            .cheat_sheet_output_wrapper {
                background: #D57C29;
            }

                .cheat_sheet_output_wrapper a, .cheat_sheet_output_wrapper a:visited, .cheat_sheet_output_wrapper a:focus, .cheat_sheet_output_wrapper a:link, .cheat_sheet_output_wrapper a:hover {
                    color: #D57C29;
                    border-color: #D57C29;
                }

                .cheat_sheet_output_wrapper .cheat_sheet_output_block, .cheat_sheet_output_wrapper .cheat_sheet_note {
                    border-top: 3px solid #D57C29;
                }

                .cheat_sheet_output_wrapper .cheat_sheet_output_block tr.altrow td, .cheat_sheet_output_wrapper .cheat_sheet_note {
                    background: #F7E8DA;
                }

                .cheat_sheet_output_wrapper .cheat_sheet_note {
                    border-top: 3px solid #D57C29;
                }

                .cheat_sheet_output_wrapper h3.cheat_sheet_output_title {
                                            color: #F7E8DA;
                                    }

            .button_add, .button_add:visited, .button_add:active, .button_add:hover {
                background-color: #D57C29;
                border: 1px solid #D57C29;
                color: #F7E8DA;
            }

                .button_add:hover {
                    background-color: #F7E8DA;
                    color: #D57C29;
                }

        </style>

        <table border="0" cellspacing="0" width="100%" cellpadding="0" class="cheat_sheet_output">
            <tbody><tr><td width="32%" valign="top" class="cheat_sheet_output_sortable cheat_sheet_output_column_1">
                
                    
                    
                        <div class="cheat_sheet_output_wrapper" style="position: relative; page-break-inside: avoid;" id="block_100">
        <h3 class="cheat_sheet_output_title" id="title_14_100">CSS2 Selectors</h3>
    <div class="cheat_sheet_output_block" id="block_14_100">
                        <table border="0" cellspacing="0" cellpadding="0" id="cheat_sheet_output_table" class="cheat_sheet_output_twocol">
                                                                                    <tbody><tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">*</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">All elements</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">div</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">&lt;di­v&gt;</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">div *</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">All elements within &lt;di­v&gt;</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">div span</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">&lt;sp­an&gt; within &lt;di­v&gt;</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">div, span</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">&lt;di­v&gt; and &lt;sp­an&gt;</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">div &gt; span</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">&lt;sp­an&gt; with parent &lt;di­v&gt;</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">div + span</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">&lt;sp­an&gt; preceded by &lt;di­v&gt;</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">.class</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">Elements of class "­cla­ss"</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">div.class</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">&lt;di­v&gt; of class "­cla­ss"</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">#itemid</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">Element with id "­ite­mid­"</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">div#itemid</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">&lt;di­v&gt; with id "­ite­mid­"</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">a[attr]</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">&lt;a&gt; with attribute "­att­r"</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">a[attr­='x']</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">&lt;a&gt; when "­att­r" is "­x"</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">a[clas­s~='x']</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">&lt;a&gt; when class is a list containing 'x'</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">a[lang­|='en']</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">&lt;a&gt; when lang begins "­en"</td>
                                                    </tr>
                                                </tbody></table>
            <p class="cheat_sheet_note" style="display: none;"></p>
                </div>
</div>

                
                    
                    
                        <div class="cheat_sheet_output_wrapper" style="position: relative; page-break-inside: avoid;" id="block_101">
        <h3 class="cheat_sheet_output_title" id="title_14_101">CSS2 Pseudo Selectors and Pseudo Classes</h3>
    <div class="cheat_sheet_output_block" id="block_14_101">
                        <table border="0" cellspacing="0" cellpadding="0" id="cheat_sheet_output_table" class="cheat_sheet_output_twocol">
                                                                                    <tbody><tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">:first­-child</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">First child element</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">:first­-line</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">First line of element</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">:first­-letter</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">First letter of element</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">:hover</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">Element with mouse over</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">:active</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">Active element</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">:focus</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">Element with focus</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">:link</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">Unvisited links</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">:visited</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">Visited links</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">:lang(var)</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">Element with language "­var­"</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">:before</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">Before element</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">:after</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">After element</td>
                                                    </tr>
                                                </tbody></table>
            <p class="cheat_sheet_note" style="display: none;"></p>
                </div>
</div>

                
                    
                    
                        <div class="cheat_sheet_output_wrapper" style="position: relative; page-break-inside: avoid;" id="block_102">
        <h3 class="cheat_sheet_output_title" id="title_14_102">CSS2 Sizes</h3>
    <div class="cheat_sheet_output_block" id="block_14_102">
                        <table border="0" cellspacing="0" cellpadding="0" id="cheat_sheet_output_table" class="cheat_sheet_output_twocol">
                                                                                    <tbody><tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">0</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">0 requires no unit</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1" colspan="2"><strong>Relative Sizes</strong></td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">em</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">1em equal to font size of parent (same as 100%)</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">ex</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">Height of lower case "­x"</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">%</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">Percentage</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1" colspan="2"><strong>Absolute Sizes</strong></td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">px</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">Pixels</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">cm</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">Centim­eters</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">mm</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">Millim­eters</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">in</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">Inches</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">pt</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">1pt = 1/72in</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">pc</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">1pc = 12pt</td>
                                                    </tr>
                                                </tbody></table>
            <p class="cheat_sheet_note" style="display: none;"></p>
                </div>
</div>

                
                    
                    
                        <div class="cheat_sheet_output_wrapper" style="position: relative; page-break-inside: avoid;" id="block_114">
        <h3 class="cheat_sheet_output_title" id="title_14_114">CSS2 Colours</h3>
    <div class="cheat_sheet_output_block" id="block_14_114">
                        <table border="0" cellspacing="0" cellpadding="0" id="cheat_sheet_output_table" class="cheat_sheet_output_twocol">
                                                                                    <tbody><tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">#789abc</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">RGB Hex Notation</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">#acf</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">Equates to "­#aa­ccf­f"</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">rgb(0,­25,50)</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">Value of each of red, green, and blue. 0 to 255, may be swapped for percen­tages.</td>
                                                    </tr>
                                                </tbody></table>
            <p class="cheat_sheet_note" style="display: none;"></p>
                </div>
</div>

                
                    
                    
                        
                        </td><td class="cheat_sheet_output_column_spacer" width="2%">&nbsp;</td><td width="32%" valign="top" class="cheat_sheet_output_sortable cheat_sheet_output_column_2">
                    
                        <div class="cheat_sheet_output_wrapper" style="position: relative; page-break-inside: avoid;" id="block_115">
        <h3 class="cheat_sheet_output_title" id="title_14_115">CSS2 Box Model</h3>
    <div class="cheat_sheet_output_block" id="block_14_115">
                        <table border="0" cellspacing="0" cellpadding="0" id="cheat_sheet_output_table" class="cheat_sheet_output_image">
                                    <tbody><tr class="altrow countrow">
                        <td valign="top" class="cheat_sheet_output_cell_1" style="padding-top: 10px; padding-bottom: 10px;">
                            <a class="thumb imagelink" href="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/davechild_1318072673_box-model.png"><img width="270" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/davechild_1318072673_box-model.png"></a>
                        </td>
                    </tr>
                            </tbody></table>
            <p class="cheat_sheet_note" style="display: none;"></p>
                </div>
</div>
                            <div class="hideprint" style="margin: 10px 0 20px 0;">
                                <script type="text/javascript"><!--
                                    google_ad_client = "ca-pub-2965569270921917";
                                    /* Cheatography Middle */
                                    google_ad_slot = "6925390326";
                                    google_ad_width = 300;
                                    google_ad_height = 250;
                                    google_color_border = "FEFEFE";
                                    google_color_bg = "FEFEFE";
                                                                            google_color_link = "D57C29";
                                        google_color_url = "D57C29";
                                                                    //--></script>
                                <script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/show_ads.js">
                                </script><ins style="display:inline-table;border:none;height:250px;margin:0;padding:0;position:relative;visibility:visible;width:300px;background-color:transparent"><ins id="aswift_1_anchor" style="display:block;border:none;height:250px;margin:0;padding:0;position:relative;visibility:visible;width:300px;background-color:transparent"><iframe width="300" height="250" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&amp;&amp;s.handlers,h=H&amp;&amp;H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&amp;&amp;d&amp;&amp;(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){try{h=s.upd(h,i)}catch(e){}w.location.replace(h)}}" id="aswift_1" name="aswift_1" style="left:0;position:absolute;top:0;"></iframe></ins></ins>
                            </div>
                        
                
                    
                    
                        <div class="cheat_sheet_output_wrapper" style="position: relative; page-break-inside: avoid;" id="block_103">
        <h3 class="cheat_sheet_output_title" id="title_14_103">CSS2 Positioning</h3>
    <div class="cheat_sheet_output_block" id="block_14_103">
                        <table border="0" cellspacing="0" cellpadding="0" id="cheat_sheet_output_table" class="cheat_sheet_output_twocol">
                                                                                    <tbody><tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">display</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">clear</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">position</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">z-index</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">top</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">direction</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">right</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">unicod­e-bidi</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">bottom</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">overflow</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">left</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">clip</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">float</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">visibility</td>
                                                    </tr>
                                                </tbody></table>
            <p class="cheat_sheet_note" style="display: none;"></p>
                </div>
</div>

                
                    
                    
                        <div class="cheat_sheet_output_wrapper" style="position: relative; page-break-inside: avoid;" id="block_104">
        <h3 class="cheat_sheet_output_title" id="title_14_104">CSS2 Dimensions</h3>
    <div class="cheat_sheet_output_block" id="block_14_104">
                        <table border="0" cellspacing="0" cellpadding="0" id="cheat_sheet_output_table" class="cheat_sheet_output_twocol">
                                                                                    <tbody><tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">width</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">min-height</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">min-width</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">max-height</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">max-width</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">vertic­al-­align</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1" colspan="2">height</td>
                                                    </tr>
                                                </tbody></table>
            <p class="cheat_sheet_note" style="display: none;"></p>
                </div>
</div>

                
                    
                    
                        <div class="cheat_sheet_output_wrapper" style="position: relative; page-break-inside: avoid;" id="block_105">
        <h3 class="cheat_sheet_output_title" id="title_14_105">CSS2 Colour and Background</h3>
    <div class="cheat_sheet_output_block" id="block_14_105">
                        <table border="0" cellspacing="0" cellpadding="0" id="cheat_sheet_output_table" class="cheat_sheet_output_twocol">
                                                                                    <tbody><tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">color</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">backgr­oun­d-r­epeat</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">background</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">backgr­oun­d-image</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">backgr­oun­d-color</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">backgr­oun­d-p­osition</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1" colspan="2">backgr­oun­d-a­tta­chment</td>
                                                    </tr>
                                                </tbody></table>
            <p class="cheat_sheet_note" style="display: none;"></p>
                </div>
</div>

                
                    
                    
                        <div class="cheat_sheet_output_wrapper" style="position: relative; page-break-inside: avoid;" id="block_106">
        <h3 class="cheat_sheet_output_title" id="title_14_106">CSS2 Text</h3>
    <div class="cheat_sheet_output_block" id="block_14_106">
                        <table border="0" cellspacing="0" cellpadding="0" id="cheat_sheet_output_table" class="cheat_sheet_output_twocol">
                                                                                    <tbody><tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">text-i­ndent</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">word-s­pacing</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">text-align</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">text-t­ran­sform</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">text-d­eco­ration</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">white-­space</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">text-s­hadow</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">line-h­eight</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1" colspan="2">letter­-sp­acing</td>
                                                    </tr>
                                                </tbody></table>
            <p class="cheat_sheet_note" style="display: none;"></p>
                </div>
</div>

                
                    
                    
                        <div class="cheat_sheet_output_wrapper" style="position: relative; page-break-inside: avoid;" id="block_107">
        <h3 class="cheat_sheet_output_title" id="title_14_107">CSS2 Fonts</h3>
    <div class="cheat_sheet_output_block" id="block_14_107">
                        <table border="0" cellspacing="0" cellpadding="0" id="cheat_sheet_output_table" class="cheat_sheet_output_twocol">
                                                                                    <tbody><tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">font</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">font-w­eight</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">font-f­amily</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">font-s­tretch</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">font-style</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">font-size</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">font-v­ariant</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">font-s­ize­-adjust</td>
                                                    </tr>
                                                </tbody></table>
            <p class="cheat_sheet_note" style="display: none;"></p>
                </div>
</div>

                
                    
                    
                        
                        </td><td class="cheat_sheet_output_column_spacer" width="2%">&nbsp;</td><td width="32%" valign="top" class="cheat_sheet_output_sortable cheat_sheet_output_column_3">
                    
                        <div class="cheat_sheet_output_wrapper" style="position: relative; page-break-inside: avoid;" id="block_108">
        <h3 class="cheat_sheet_output_title" id="title_14_108">CSS2 Boxes</h3>
    <div class="cheat_sheet_output_block" id="block_14_108">
                        <table border="0" cellspacing="0" cellpadding="0" id="cheat_sheet_output_table" class="cheat_sheet_output_twocol">
                                                                                    <tbody><tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">margin</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">border­-color</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">margin-top</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">border­-to­p-color</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">margin­-right</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">border­-ri­ght­-color</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">margin­-bottom</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">border­-bo­tto­m-color</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">margin­-left</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">border­-le­ft-­color</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">padding</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">border­-style</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">paddin­g-top</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">border­-to­p-style</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">paddin­g-right</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">border­-ri­ght­-style</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">paddin­g-b­ottom</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">border­-bo­tto­m-style</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">paddin­g-left</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">border­-le­ft-­style</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">border</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">border­-width</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">border-top</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">border­-to­p-width</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">border­-bottom</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">border­-ri­ght­-width</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">border­-right</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">border­-bo­tto­m-width</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">border­-left</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">border­-le­ft-­width</td>
                                                    </tr>
                                                </tbody></table>
            <p class="cheat_sheet_note" style="display: none;"></p>
                </div>
</div>

                
                    
                    
                        <div class="cheat_sheet_output_wrapper" style="position: relative; page-break-inside: avoid;" id="block_109">
        <h3 class="cheat_sheet_output_title" id="title_14_109">CSS2 Tables</h3>
    <div class="cheat_sheet_output_block" id="block_14_109">
                        <table border="0" cellspacing="0" cellpadding="0" id="cheat_sheet_output_table" class="cheat_sheet_output_twocol">
                                                                                    <tbody><tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">captio­n-side</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">border­-sp­acing</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">table-­layout</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">empty-­cells</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">border­-co­llapse</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">speak-­header</td>
                                                    </tr>
                                                </tbody></table>
            <p class="cheat_sheet_note" style="display: none;"></p>
                </div>
</div>

                
                    
                    
                        <div class="cheat_sheet_output_wrapper" style="position: relative; page-break-inside: avoid;" id="block_110">
        <h3 class="cheat_sheet_output_title" id="title_14_110">CSS2 Paging</h3>
    <div class="cheat_sheet_output_block" id="block_14_110">
                        <table border="0" cellspacing="0" cellpadding="0" id="cheat_sheet_output_table" class="cheat_sheet_output_twocol">
                                                                                    <tbody><tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">size</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">page-b­rea­k-i­nside</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">marks</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">page</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">page-b­rea­k-b­efore</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">orphans</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">page-b­rea­k-after</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">widows</td>
                                                    </tr>
                                                </tbody></table>
            <p class="cheat_sheet_note" style="display: none;"></p>
                </div>
</div>

                
                    
                    
                        <div class="cheat_sheet_output_wrapper" style="position: relative; page-break-inside: avoid;" id="block_111">
        <h3 class="cheat_sheet_output_title" id="title_14_111">CSS2 Interface</h3>
    <div class="cheat_sheet_output_block" id="block_14_111">
                        <table border="0" cellspacing="0" cellpadding="0" id="cheat_sheet_output_table" class="cheat_sheet_output_twocol">
                                                                                    <tbody><tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">cursor</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">outlin­e-style</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">outline</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">outlin­e-color</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1" colspan="2">outlin­e-width</td>
                                                    </tr>
                                                </tbody></table>
            <p class="cheat_sheet_note" style="display: none;"></p>
                </div>
</div>

                
                    
                    
                        <div class="cheat_sheet_output_wrapper" style="position: relative; page-break-inside: avoid;" id="block_112">
        <h3 class="cheat_sheet_output_title" id="title_14_112">CSS2 Aural</h3>
    <div class="cheat_sheet_output_block" id="block_14_112">
                        <table border="0" cellspacing="0" cellpadding="0" id="cheat_sheet_output_table" class="cheat_sheet_output_twocol">
                                                                                    <tbody><tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">volume</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">elevation</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">speak</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">speech­-rate</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">pause</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">voice-­family</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">pause-­before</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">pitch</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">pause-­after</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">pitch-­range</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">cue</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">stress</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">cue-before</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">richness</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">cue-after</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">speak-­pun­ctu­ation</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">play-d­uring</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">speak-­numeral</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1" colspan="2">azimuth</td>
                                                    </tr>
                                                </tbody></table>
            <p class="cheat_sheet_note" style="display: none;"></p>
                </div>
</div>

                
                    
                    
                        <div class="cheat_sheet_output_wrapper" style="position: relative; page-break-inside: avoid;" id="block_113">
        <h3 class="cheat_sheet_output_title" id="title_14_113">CSS2 Miscellaneous</h3>
    <div class="cheat_sheet_output_block" id="block_14_113">
                        <table border="0" cellspacing="0" cellpadding="0" id="cheat_sheet_output_table" class="cheat_sheet_output_twocol">
                                                                                    <tbody><tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">content</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">list-s­tyl­e-type</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">quotes</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">list-s­tyl­e-image</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">counte­r-reset</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">list-s­tyl­e-p­osition</td>
                                                    </tr>
                                                                    <tr class="countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1">counte­r-i­ncr­ement</td>
                                                            <td valign="top" class="cheat_sheet_output_cell_2">marker­-offset</td>
                                                    </tr>
                                                                    <tr class="altrow countrow">
                                                            <td valign="top" class="cheat_sheet_output_cell_1" colspan="2">list-style</td>
                                                    </tr>
                                                </tbody></table>
            <p class="cheat_sheet_note" style="display: none;"></p>
                </div>
</div>

                
                    
                    
                </td>
            </tr>
        </tbody></table>


    <div id="comments">

        <div class="clear">&nbsp;</div>

        <div class="block_wrapper_wide">

            <div class="triptychdbll">

                <h2 class="notopmargin">Share This Cheat Sheet!</h2>


                <!-- AddThis Button BEGIN -->
                <div class="imagelink addthis_toolbox addthis_default_style addthis_32x32_style" style="width:430px; margin: 30px auto; text-align: center;">
                    <a class="addthis_button_facebook at300b" title="Facebook" href="http://www.cheatography.com/#"><span class=" at300bs at15nc at15t_facebook"><span class="at_a11y">Share on facebook</span></span></a>
                    <a class="addthis_button_twitter at300b" title="Tweet" href="http://www.cheatography.com/#"><span class=" at300bs at15nc at15t_twitter"><span class="at_a11y">Share on twitter</span></span></a>
                    <a class="addthis_button_google_plusone_badge at300b" g:plusone:count="false" g:plusone:size="medium" title="Follow on Google+" target="_blank" style="text-decoration: none; cursor: default;"><span style=""><img src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/gplus-32.png" alt="Follow on Google+" style="border:0;width:32px;height:32px;cursor:pointer;" onmouseover="this.style.opacity=0.8;this.style.filter=&#39;alpha(opacity=80)&#39;;" onmouseout="this.style.opacity=1.0;this.style.filter=&#39;alpha(opacity=100)&#39;;"></span></a>
                    <a class="addthis_button_pinterest_share at300b" target="_blank" title="Pinterest" href="http://www.cheatography.com/#"><span class=" at300bs at15nc at15t_pinterest_share"><span class="at_a11y">Share on pinterest_share</span></span></a>
                    <a class="addthis_button_reddit at300b" href="http://www.addthis.com/bookmark.php?v=300&winname=addthis&pub=ra-4db5226a16bf710d&source=tbx32-300&lng=zh-CN&s=reddit&url=http%3A%2F%2Fwww.cheatography.com%2Fdavechild%2Fcheat-sheets%2Fcss2%2F&title=CSS2%20Cheat%20Sheet%20by%20DaveChild%20-%20Cheatography.com&ate=AT-ra-4db5226a16bf710d/-/-/533fccfe65fa7c00/2&frommenu=1&uid=533fccfecf349c4a&ct=1&pre=http%3A%2F%2Fwww.oschina.net%2Fnews%2F50465%2Fbest-cheat-sheets-for-designers-and-programmers&tt=0&captcha_provider=nucaptcha" target="_blank" title="Reddit"><span class=" at300bs at15nc at15t_reddit"><span class="at_a11y">Share on reddit</span></span></a>
                    <a class="addthis_button_stumbleupon at300b" href="http://www.addthis.com/bookmark.php?v=300&winname=addthis&pub=ra-4db5226a16bf710d&source=tbx32-300&lng=zh-CN&s=stumbleupon&url=http%3A%2F%2Fwww.cheatography.com%2Fdavechild%2Fcheat-sheets%2Fcss2%2F&title=CSS2%20Cheat%20Sheet%20by%20DaveChild%20-%20Cheatography.com&ate=AT-ra-4db5226a16bf710d/-/-/533fccfe65fa7c00/3&frommenu=1&uid=533fccfe6398f48e&ct=1&pre=http%3A%2F%2Fwww.oschina.net%2Fnews%2F50465%2Fbest-cheat-sheets-for-designers-and-programmers&tt=0&captcha_provider=nucaptcha" target="_blank" title="StumbleUpon"><span class=" at300bs at15nc at15t_stumbleupon"><span class="at_a11y">Share on stumbleupon</span></span></a>
                    <a class="addthis_button_email at300b" target="_blank" title="Email" href="http://www.cheatography.com/#"><span class=" at300bs at15nc at15t_email"><span class="at_a11y">Share on email</span></span></a>
                    <a class="addthis_button_favorites at300b" title="Favorites" href="http://www.cheatography.com/#"><span class=" at300bs at15nc at15t_favorites"><span class="at_a11y">Share on favorites</span></span></a>
                    <a class="addthis_button_compact at300m" href="http://www.cheatography.com/#"><span class=" at300bs at15nc at15t_compact"><span class="at_a11y">More Sharing Services</span></span></a>
                    <a class="addthis_counter addthis_bubble_style" href="http://www.cheatography.com/#" style="display: inline-block;"><a class="addthis_button_expanded" target="_blank" title="View more services" href="http://www.cheatography.com/#">80</a><a class="atc_s addthis_button_compact"><span></span></a></a>
                    <script type="text/javascript">var addthis_config = {"data_track_clickback":true, "services_exclude":'print', data_ga_property:'UA-4997759-8'};</script>
                    <script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/addthis_widget.js"></script><div id="_atssh" style="visibility: hidden; height: 1px; width: 1px; position: absolute; z-index: 100000;"><iframe id="_atssh167" title="AddThis utility frame" style="height: 1px; width: 1px; position: absolute; z-index: 100000; border: 0px; left: 0px; top: 0px;" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/sh155.htm"></iframe></div><script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/core128.js"></script>
                <div class="atclear"></div></div>
                <!-- AddThis Button END -->


                
                    <h2>Favourited by 70 Members:</h2>

                    <p>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/michaelfox/" class="imagelink user_hover" title="michaelfox"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/0e67abb7e2d62de7b8c33fcdbbf95b80" width="32" height="32" alt="michaelfox"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/nschurdell/" class="imagelink user_hover" title="nschurdell"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/f477ec87c630568f62b7b34f5a3b36a5" width="32" height="32" alt="nschurdell"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/danh/" class="imagelink user_hover" title="danh"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/273a8d4f09b9fe748c98d789b00b02d8" width="32" height="32" alt="danh"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/chris5marsh/" class="imagelink user_hover" title="chris5marsh"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/89cc09416fcdeeb160d0c4dc6b44d58a" width="32" height="32" alt="chris5marsh"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/wattslevi/" class="imagelink user_hover" title="wattslevi"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/08639fddc53d40a81011425d270e38e0" width="32" height="32" alt="wattslevi"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/catspaw82/" class="imagelink user_hover" title="catspaw82"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/efd3b2004a1629032814fd3f16113db0" width="32" height="32" alt="catspaw82"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/citguy/" class="imagelink user_hover" title="CITguy"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/00405645c5fe2805e62c31576cf8cebc" width="32" height="32" alt="CITguy"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/cybertron/" class="imagelink user_hover" title="CyberTron"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/855c77a7879aa79fed36476c980eede3" width="32" height="32" alt="CyberTron"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/neenthewiser/" class="imagelink user_hover" title="neenthewiser"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/75697666d0e117e1f4fc9ccf0c6aa095" width="32" height="32" alt="neenthewiser"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/kiwidk/" class="imagelink user_hover" title="Kiwidk"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/23739c79dcdbffac146384d386b7e6d9" width="32" height="32" alt="Kiwidk"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/davechild/" class="imagelink user_hover" title="DaveChild"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/fd7e3b77a3f3007ff30d932b65084851" width="32" height="32" alt="DaveChild"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/samcollett/" class="imagelink user_hover" title="SamCollett"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/09688e680a78471b38d414247bb30aa5" width="32" height="32" alt="SamCollett"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/cjvalotta/" class="imagelink user_hover" title="cjvalotta"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/7d548f8d2b0582ce240d929b84f67c44" width="32" height="32" alt="cjvalotta"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/arnoldobr/" class="imagelink user_hover" title="arnoldobr"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/6341a63b1ad1b6e4dbbca8b0c350b5d0" width="32" height="32" alt="arnoldobr"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/anomalophobe/" class="imagelink user_hover" title="anomalophobe"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/0dc876f5a939b1276bd5f48a81463dfe" width="32" height="32" alt="anomalophobe"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/senseful/" class="imagelink user_hover" title="senseful"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/2943ddd84bdb6aff301415c9581d9a7e" width="32" height="32" alt="senseful"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/lawvol/" class="imagelink user_hover" title="lawvol"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/1e02bf345f8ef5ac5e1db84cf08155ac" width="32" height="32" alt="lawvol"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/icel/" class="imagelink user_hover" title="Icel"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/51035435c582898a42a4eb7bf8fedb06" width="32" height="32" alt="Icel"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/brentscheidt/" class="imagelink user_hover" title="brentscheidt"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/098adb2fe9d4b943983c1abdc1f02b95" width="32" height="32" alt="brentscheidt"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/shikee/" class="imagelink user_hover" title="shikee"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/71992cce351b405311843d34a725ebe5" width="32" height="32" alt="shikee"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/gabbbbb/" class="imagelink user_hover" title="GaBBBBB"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/bc75eeb69101a3994640c19f6e941ff4" width="32" height="32" alt="GaBBBBB"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/subcat7564/" class="imagelink user_hover" title="SubCat7564"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/2fa06095cb5409430328a03632d9dc0f" width="32" height="32" alt="SubCat7564"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/jdmyers/" class="imagelink user_hover" title="jdmyers"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/28141cf054ba9927be4cb2bee2c64187" width="32" height="32" alt="jdmyers"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/wbbourne/" class="imagelink user_hover" title="Wbbourne"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/a9b61db9b493c4dfc4339800d6bcd876" width="32" height="32" alt="Wbbourne"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/xcession/" class="imagelink user_hover" title="xcession"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/4040e582489a63917abda81076d9b3f0" width="32" height="32" alt="xcession"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/hqm/" class="imagelink user_hover" title="hqm"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/b22a23c94e06c2ff3aad3584865c8ebc" width="32" height="32" alt="hqm"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/desert-jay/" class="imagelink user_hover" title="desert_jay"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/878bcb8b51ff653e3c66b06e8a607eef" width="32" height="32" alt="desert_jay"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/mishin/" class="imagelink user_hover" title="mishin"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/fc47e34663f359d08fdffd03098b0149" width="32" height="32" alt="mishin"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/rober1992/" class="imagelink user_hover" title="Rober1992"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/42bcf7bf9401cba1000abeaddd483ed0" width="32" height="32" alt="Rober1992"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/fedesilva/" class="imagelink user_hover" title="fedesilva"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/7a42335ee58bcf7fa0f9a7b0bb94d79e" width="32" height="32" alt="fedesilva"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/maintainweb/" class="imagelink user_hover" title="maintainweb"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/420af7dff8142ae11246bf3c3cee9e4a" width="32" height="32" alt="maintainweb"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/bertrand/" class="imagelink user_hover" title="Bertrand"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/dba2719cba1ecc48606277d20589027e" width="32" height="32" alt="Bertrand"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/vicpf/" class="imagelink user_hover" title="vicpf"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/d6aace37d0aaf94bbaa90d30c08e2584" width="32" height="32" alt="vicpf"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/donnedslug/" class="imagelink user_hover" title="donnedslug"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/cba04b91c9ca0660494184e938489be6" width="32" height="32" alt="donnedslug"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/zeroeth/" class="imagelink user_hover" title="zeroeth"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/d989c8fb0e5e0615f62a2c346de5a763" width="32" height="32" alt="zeroeth"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/rd5coding/" class="imagelink user_hover" title="rd5coding"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/93135eefe175bd1b3bb254d5a9ceee51" width="32" height="32" alt="rd5coding"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/janslow/" class="imagelink user_hover" title="janslow"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/f8bc5a8898df95d52b989ded1b03946f" width="32" height="32" alt="janslow"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/henrikcederblad/" class="imagelink user_hover" title="henrikcederblad"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/b000ba0460252009f1cad5350404d016" width="32" height="32" alt="henrikcederblad"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/soulreverie/" class="imagelink user_hover" title="SoulReverie"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/b7d8aa7a3453244eadbd527be442b22d" width="32" height="32" alt="SoulReverie"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/metamad/" class="imagelink user_hover" title="metamad"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/25a7db59884a84b6f60e30d7a919c7d6" width="32" height="32" alt="metamad"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/pneumatix/" class="imagelink user_hover" title="pneumatix"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/8f94fed64e82dc38e1a1dc76b52c0806" width="32" height="32" alt="pneumatix"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/crss1138/" class="imagelink user_hover" title="crss1138"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/82566e9441eec17bcccfafa02f79f4aa" width="32" height="32" alt="crss1138"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/onitek/" class="imagelink user_hover" title="onitek"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/cc069dcec2a2a21f5884a6d167a2e791" width="32" height="32" alt="onitek"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/kjhughes/" class="imagelink user_hover" title="kjhughes"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/f356cb33fcb5c85a313477c93c771692" width="32" height="32" alt="kjhughes"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/mhm5000/" class="imagelink user_hover" title="MHM5000"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/7d0e56cda1ed630885413307177cd4da" width="32" height="32" alt="MHM5000"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/dttk/" class="imagelink user_hover" title="dttk"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/a12afd381ade1a279360de7e2b206fac" width="32" height="32" alt="dttk"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/pedromarban/" class="imagelink user_hover" title="pedromarban"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/631aa92a9aea5ac59926cde5496d20a7" width="32" height="32" alt="pedromarban"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/petraeus/" class="imagelink user_hover" title="petraeus"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/e2952534013be59d9c64798ff3e4713c" width="32" height="32" alt="petraeus"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/avalitan/" class="imagelink user_hover" title="avalitan"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/2ed7525a1bf1d2bf484beef042aa1996" width="32" height="32" alt="avalitan"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/manjuv-gmit/" class="imagelink user_hover" title="manjuv.gmit"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/2c8ac240291823ae7177975de910ead1" width="32" height="32" alt="manjuv.gmit"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/asafge/" class="imagelink user_hover" title="asafge"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/bb4a1c5ed95e2ecc42a4f98a0bde58e1" width="32" height="32" alt="asafge"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/mroggy85/" class="imagelink user_hover" title="MrOggy85"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/b8ccf4adaf5b8c68b90707026fb5e8a6" width="32" height="32" alt="MrOggy85"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/epoc/" class="imagelink user_hover" title="Epoc"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/fc4bc12e62be354d11c5d2261a489b1c" width="32" height="32" alt="Epoc"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/akipta/" class="imagelink user_hover" title="akipta"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/aaa5e881c580fdca952bd9fb475b5cf2" width="32" height="32" alt="akipta"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/rbatllet/" class="imagelink user_hover" title="rbatllet"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/9026665009bc44206f5696ca771b21d5" width="32" height="32" alt="rbatllet"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/ifdattic/" class="imagelink user_hover" title="ifdattic"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/ff521b2036fe63860277efb83ba9af9f" width="32" height="32" alt="ifdattic"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/alexikia/" class="imagelink user_hover" title="alexikia"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/4ab96f1ae9a1cc9e25c9f964bc52fd4f" width="32" height="32" alt="alexikia"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/paulblp/" class="imagelink user_hover" title="PaulBlp"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/898523d373553f318838a546ab7238c7" width="32" height="32" alt="PaulBlp"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/coldblackice/" class="imagelink user_hover" title="Coldblackice"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/5ca6b00262ff3a2e88f8e2e019ccf092" width="32" height="32" alt="Coldblackice"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/dxerty/" class="imagelink user_hover" title="Dxerty"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/80509536554d510c9c85eb958fdf7c10" width="32" height="32" alt="Dxerty"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/swahilikid/" class="imagelink user_hover" title="Swahilikid"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/456ad0fb2082dfed71c4c2a46d0a3864" width="32" height="32" alt="Swahilikid"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/gmickd/" class="imagelink user_hover" title="gmickd"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/b2342841ebf1cfdd5efa54ace105ea25" width="32" height="32" alt="gmickd"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/csavio/" class="imagelink user_hover" title="csavio"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/6d3cf7a6a4cbb207449131fc0b3cc410" width="32" height="32" alt="csavio"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/mrlaziz/" class="imagelink user_hover" title="mrlaziz"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/e731ba5295dba57a5bf4831b075e70fe" width="32" height="32" alt="mrlaziz"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/graceman9/" class="imagelink user_hover" title="graceman9"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/d41d8cd98f00b204e9800998ecf8427e" width="32" height="32" alt="graceman9"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/garthzares/" class="imagelink user_hover" title="GarthZares"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/7b960da7f28cb3ee51be9386e2b06b65" width="32" height="32" alt="GarthZares"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/ktkalcec/" class="imagelink user_hover" title="ktkalcec"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/d41d8cd98f00b204e9800998ecf8427e" width="32" height="32" alt="ktkalcec"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/thibaultgomarin/" class="imagelink user_hover" title="ThibaultGomarin"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/4489494c63979343159c2b0d8e546d0a" width="32" height="32" alt="ThibaultGomarin"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/gut0w/" class="imagelink user_hover" title="gut0w"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/d41d8cd98f00b204e9800998ecf8427e" width="32" height="32" alt="gut0w"></a></span>
                                                    <span class="hover_wrap"><a href="http://www.cheatography.com/chrisseiler/" class="imagelink user_hover" title="ChrisSeiler"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/d41d8cd98f00b204e9800998ecf8427e" width="32" height="32" alt="ChrisSeiler"></a></span>
                                            </p>

                
                
<h2>Comments</h2>
                <div class="commentblock" id="comment119">
                <p class="commenter">
                                                                <img style="margin: 0 8px 0 0;" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/fb1c2acc0701685a7992957b3c8bd156" alt="Darren Slatten" width="32" height="32">
                        Darren Slatten,
                                        <a href="http://www.cheatography.com/davechild/cheat-sheets/css2/#comment119">20:47 5 Dec 11</a>
                </p>
                <p class="commentext">It appears as though the automatic hyphenation of line-wrapping content is causing some errors. For example, in the 8th [non-heading] row of the first column ("CSS2 Selectors"), the HTML character entity representing the second quotation mark has a soft hyphen character entity inserted into it, thus preventing the quotation mark from being rendered properly.<br>
<br>
Incredible website, BTW. I love the concept, and the design is simple-yet-effective. :)<br>
<br>
-Darren</p><div class="commentreply" id="reply_119"></div>
            </div>
                                <div class="commentblock commentreply" id="comment120">
                        <p class="commenter"><a href="http://www.cheatography.com/davechild/" class="imagelink"><img style="margin: 0 8px 0 0;" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/fd7e3b77a3f3007ff30d932b65084851" alt="DaveChild" width="32" height="32"></a> <span class="hover_wrap"><a href="http://www.cheatography.com/davechild/" class="user_hover">DaveChild</a></span>, <a href="http://www.cheatography.com/davechild/cheat-sheets/css2/#comment120">20:48 5 Dec 11</a></p>
                        <p class="commentext">Thanks Darren, both for the compliment and for letting me know about the soft hyphen issue. I'll get that fixed now.</p>
                </div>
                                    <div class="commentblock commentreply" id="comment121">
                        <p class="commenter"><a href="http://www.cheatography.com/davechild/" class="imagelink"><img style="margin: 0 8px 0 0;" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/fd7e3b77a3f3007ff30d932b65084851" alt="DaveChild" width="32" height="32"></a> <span class="hover_wrap"><a href="http://www.cheatography.com/davechild/" class="user_hover">DaveChild</a></span>, <a href="http://www.cheatography.com/davechild/cheat-sheets/css2/#comment121">20:56 5 Dec 11</a></p>
                        <p class="commentext">Ok, seems a bit better now. Soft hyphens don't play very nicely with HTML tags and entities :)</p>
                </div>
                            <div class="commentblock" id="comment450">
                <p class="commenter">
                                                                <img style="margin: 0 8px 0 0;" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/eb7f0777e98f35baff68db22482e6058" alt="Leo Merkel" width="32" height="32">
                        Leo Merkel,
                                        <a href="http://www.cheatography.com/davechild/cheat-sheets/css2/#comment450">07:47 10 Feb 12</a>
                </p>
                <p class="commentext">Being relatively new to CSS for me it's misleading that the width-property shown in your Box Model of the CSS Cheat Sheet does not include the Padding. Am i right or wrong? But nevertheless I love what you're doing here und am returning to your site very often. So best greetings from cold Germany!</p><div class="commentreply" id="reply_450"></div>
            </div>
                        <div class="commentblock" id="comment505">
                <p class="commenter">
                                                                <img style="margin: 0 8px 0 0;" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/ab85c20c096d8afe0ca1559956feb710" alt="Maik" width="32" height="32">
                        Maik,
                                        <a href="http://www.cheatography.com/davechild/cheat-sheets/css2/#comment505">07:37 17 Feb 12</a>
                </p>
                <p class="commentext">Thanks for the cheatsheet! It's very useful! Unfortunately, the PDF version seems to be broken, that is it needs two pages at the moment.</p><div class="commentreply" id="reply_505"></div>
            </div>
                        <div class="commentblock" id="comment1510">
                <p class="commenter">
                                                                <img style="margin: 0 8px 0 0;" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/ebf76bebead012df3fbb7934acdff125" alt="Christian Zumbrunnen" width="32" height="32">
                        Christian Zumbrunnen,
                                        <a href="http://www.cheatography.com/davechild/cheat-sheets/css2/#comment1510">14:02 21 May 12</a>
                </p>
                <p class="commentext">Same problem here with the pdf. Can't get it on one page, which makes it very print-unfriendly.</p><div class="commentreply" id="reply_1510"></div>
            </div>
                        <div class="commentblock" id="comment4677">
                <p class="commenter">
                                                                <img style="margin: 0 8px 0 0;" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/c5e23a99de79afc17d3833970a4455c6" alt="lamin" width="32" height="32">
                        lamin,
                                        <a href="http://www.cheatography.com/davechild/cheat-sheets/css2/#comment4677">14:37 21 Dec 12</a>
                </p>
                <p class="commentext">Thank ! very good ..</p><div class="commentreply" id="reply_4677"></div>
            </div>
                        <div class="commentblock" id="comment6049">
                <p class="commenter">
                                                                <img style="margin: 0 8px 0 0;" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/8caa073a300da042dce0a5ad8fff198e" alt="Pieter" width="32" height="32">
                        Pieter,
                                        <a href="http://www.cheatography.com/davechild/cheat-sheets/css2/#comment6049">10:21 20 May 13</a>
                </p>
                <p class="commentext">Would be nice to get a North American "letter" size version. The A4 version does not fit for all of us in Canada and the US!</p><div class="commentreply" id="reply_6049"></div>
            </div>
                        <div class="commentblock" id="comment7513">
                <p class="commenter">
                                                                <img style="margin: 0 8px 0 0;" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/49533a7b6a7db01a367b453a15db12c7" alt="Justin" width="32" height="32">
                        Justin,
                                        <a href="http://www.cheatography.com/davechild/cheat-sheets/css2/#comment7513">15:13 13 Feb 14</a>
                </p>
                <p class="commentext">In CSS2 - Boxes, the following is backwards:<br>
<br>
border­-bottom 	border­-ri­ght­-width<br>
border­-right 	border­-bo­tto­m-width<br>
<br>
Cheers</p><div class="commentreply" id="reply_7513"></div>
            </div>
                        <div class="commentblock" id="comment16363">
                <p class="commenter">
                                                                <img style="margin: 0 8px 0 0;" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/369fe07d33cdd86e05812d88aaa3f10a" alt="Joey" width="32" height="32">
                        Joey,
                                        <a href="http://www.cheatography.com/davechild/cheat-sheets/css2/#comment16363">08:57 14 Feb 14</a>
                </p>
                <p class="commentext">Thanks for providing this. There is a problem with the PDF prints on 2 pages instead of 1.</p><div class="commentreply" id="reply_16363"></div>
            </div>
            
<h2>Add a Comment</h2>




    <div id="reply_default">
        <div id="comment_form">
            <form novalidate="novalidate" class="pageForm" id="commentForm" method="POST" action="http://www.cheatography.com/davechild/cheat-sheets/css2/#comment_form">
                <input type="hidden" name="action" value="comment">
                <input type="hidden" name="spamkey" value="2201389680">
                <input type="text" name="website" id="comment_form_url" value="http://">

                <fieldset>
                    <legend>Your Comment</legend>

                    <div class="formrow"><label for="commenter_name">Your Name</label><input required="" type="text" id="commenter_name" name="commenter_name"><p class="forminfo"><span>Please enter your name.</span></p><div class="clear"></div><ul class="error off"></ul><div class="clear"></div></div><div class="formrow"><label for="commenter_email">Your Email Address</label><input required="" type="email" id="commenter_email" name="commenter_email"><p class="forminfo"><span>Please enter your email address</span></p><div class="clear"></div><ul class="error off"></ul><div class="clear"></div></div><div class="formrow"><label for="comment_text">Your Comment</label><textarea cols="50" rows="5" name="comment_text" id="comment_text" required=""></textarea><p class="forminfo"><span>Please enter your Comment.</span></p><div class="clear"></div><ul class="error off"></ul><div class="clear"></div></div><div class="buttonrow"><button name="continue" id="continue" value="continue" type="submit"><div><span><strong>Post</strong> Your Comment</span></div></button><div class="clear"></div><ul class="error off"></ul><div class="clear"></div></div>                </fieldset>
            </form>
        </div>
    </div>

    <script type="text/javascript"><!--
        $(document).ready(function () {
            $("#commentForm").validate({
                unhighlight: function (el, error, valid, _orig) {
                    if (el.id == 'sidebar_username') {
                    }
                    $(el).parent().find('p').addClass("valid");
                    $(el).parent().find('p').removeClass("invalid");
                    $(el).parent().find('ul.error').hide('slow');
                },
                highlight: function (el, error, valid, _orig) {
                    $(el).parent().find('p').removeClass("valid");
                    $(el).parent().find('p').addClass("invalid");
                },
                errorPlacement: function(error, el) {
                    $(el).parent().find('ul.error').html('<li>' + $(error).text() + '</li>');
                    $(el).parent().find('ul.error').show('slow');
                    //$(el).parent().find('span').html($(error).text());
                    return true;
                }
            });
        });
    --></script>



<script type="text/javascript"><!--

    function replyTo(reply_comment_id, thread) {
        if (reply_comment_id == 0) {
            // Move comment_form to reply_default
            $("#comment_form").prependTo("#reply_default");
            // Set comment_reply_id to 0
            $("#comment_reply_id").val(0);
            $('#replytext').hide();
        } else {
            // Move comment_form to reply_<reply_comment_id>
            if (thread) {
                $("#comment_form").prependTo("#comment_thread_" + reply_comment_id);
            } else {
                $("#comment_form").prependTo("#reply_" + reply_comment_id);
            }
            // Set comment_reply_id to <reply_comment_id>
            $("#comment_reply_id").val(reply_comment_id);
            $('#replytext').show();
        }
        return false;
    }

//--></script>

            </div>



            <div class="triptych3">

                <div class="sidebar_box">
                    <div class="sidebar_box_first_row"><h4>Cheatographer</h4></div>
                    <div class="sidebar_box_row">
                        <a style="float: left; margin: 6px 10px 10px 0" href="http://www.cheatography.com/davechild/" class="imagelink"><img class="gravatar" style="vertical-align: middle;" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/fd7e3b77a3f3007ff30d932b65084851" width="32" height="32" alt="DaveChild"></a>

                        <span class="hover_wrap"><a href="http://www.cheatography.com/davechild/" class="user_hover">DaveChild</a></span>

                                                    <br><a target="_blank" href="http://www.addedbytes.com/">www.addedbytes.com</a>
                        
                    </div>
                </div>

                                    <div class="sidebar_box">
                        <div class="sidebar_box_first_row"><h4>More by DaveChild</h4></div>
                        <div class="sidebar_box_row">
                            <ul class="small_content_list">
                                                                    <li><a href="http://www.cheatography.com/davechild/cheat-sheets/regular-expressions/">Regular Expressions Cheat Sheet</a></li>
                                                                    <li><a href="http://www.cheatography.com/davechild/cheat-sheets/linux-command-line/">Linux Command Line Cheat Sheet</a></li>
                                                                    <li><a href="http://www.cheatography.com/davechild/cheat-sheets/mod-rewrite/">mod_rewrite Cheat Sheet</a></li>
                                                                    <li><a href="http://www.cheatography.com/davechild/cheat-sheets/php/">PHP Cheat Sheet</a></li>
                                                                    <li><a href="http://www.cheatography.com/davechild/cheat-sheets/wikipedia/">Wikipedia Cheat Sheet</a></li>
                                                            </ul>
                        </div>
                    </div>
                
                <div class="sidebar_box">
                    <div class="sidebar_box_first_row"><h4>Cheat Sheet Stats</h4></div>
                    <div class="sidebar_box_row">
                        <a href="http://www.cheatography.com/davechild/cheat-sheets/css2/downloads/">25,382 Downloads</a>
                    and
                        34,041 Views                    </div>
                </div>

                                    <div class="sidebar_box">
                        <div class="sidebar_box_first_row"><h4>Tags</h4></div>
                        <div class="sidebar_box_row">
                            <a href="http://www.cheatography.com/tag/css/cheat-sheets/">css</a>, <a href="http://www.cheatography.com/tag/design/cheat-sheets/">design</a>, <a href="http://www.cheatography.com/tag/frontend/cheat-sheets/">frontend</a>, <a href="http://www.cheatography.com/tag/web/cheat-sheets/">web</a>, <a href="http://www.cheatography.com/tag/webdesign/cheat-sheets/">webdesign</a>                        </div>
                    </div>
                
                                    <div class="sidebar_box">
                        <div class="sidebar_box_first_row"><h4>Related (shares tags with):</h4></div>
                        <div class="sidebar_box_row">
                            <ul class="small_content_list">
                                                                    <li><a href="http://www.cheatography.com/davechild/cheat-sheets/javascript/">JavaScript Cheat Sheet</a> by <span class="hover_wrap"><a href="http://www.cheatography.com/davechild/" class="user_hover">DaveChild</a></span></li>
                                                                    <li><a href="http://www.cheatography.com/davechild/cheat-sheets/html-character-entities/">HTML Character Entities Cheat Sheet</a> by <span class="hover_wrap"><a href="http://www.cheatography.com/davechild/" class="user_hover">DaveChild</a></span></li>
                                                                    <li><a href="http://www.cheatography.com/davechild/cheat-sheets/html4/">HTML4 Cheat Sheet</a> by <span class="hover_wrap"><a href="http://www.cheatography.com/davechild/" class="user_hover">DaveChild</a></span></li>
                                                            </ul>
                            <!--<p>(This is new and sometimes throws up some odd results ... it will improve with time!)</p>-->
                        </div>
                    </div>
                
                <div class="sidebar_box">
                    <div class="sidebar_box_first_row"><h4>Thumbnail</h4></div>
                    <div class="sidebar_box_row" style="text-align: center;">
                        <a href="http://www.cheatography.com/#download_popup" onclick="trackDownloadPopup();" class="imagelink download_popup"><img style="-moz-box-shadow: 1px 1px 3px #666; -webkit-box-shadow: 1px 1px 3px #666; box-shadow: 1px 1px 3px #666; line-height: 1;" width="150" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/davechild_css2.jpg"></a>                    </div>
                </div>

            </div>

        </div>
    </div>

        <div class="clear"></div>

        </div></div></div><!-- /body -->

        <div class="clear"></div>

        </div></div><!-- /content -->

        <div class="clear"></div>

        
            <div id="footer"><div id="footer_inner">

                <div class="triptych1">
                    <!--<div class="sidebar_box">
                        <div class="sidebar_box_first_row"><h4>Sponsors!</h4></div>
                                                <div class="sidebar_box_row sidebar_box_last_row">
                            Sponsor the cheat sheets in May for &pound;8.50! Last month saw 19,099 sponsored downloads! The price drops continuously through the month! <a href="">Find out more!</a>
                        </div>
                    </div>-->
                    <h2>About Cheatography</h2>
                    <div class="sidebar_box">
    <div class="sidebar_box_row">Cheatography is a collection of 300 cheat sheets and quick references for everything from programming to travel, like the <a href="http://www.cheatography.com/davechild/cheat-sheets/regular-expressions/">Regular Expressions Cheat Sheet</a>. <a href="http://www.cheatography.com/about/">Find out more</a>.</div>
</div>


<!-- /web/www.cheatography.com/cache/6dc87eb53e6da6ddb3cff0e16dac0686.cache -->                    <div class="sidebar_box">
    <div class="sidebar_box_first_row"><h4>Behind the Scenes</h4></div>
    <div class="sidebar_box_row">If you have any problems, or just want to say hi, you can find us right here:</div>
    <div class="sidebar_box_row">
                <div class="biptych1"><a class="imagelink" style="float: left; margin: 5px 8px 0 0;" href="http://www.cheatography.com/davechild/"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/fd7e3b77a3f3007ff30d932b65084851" width="32" height="32" alt="DaveChild"></a> <span class="hover_wrap"><a href="http://www.cheatography.com/davechild/" class="user_hover" style="line-height: 42px;">DaveChild</a></span></div>
            <div class="biptych2"><a class="imagelink" style="float: left; margin: 5px 8px 0 0;" href="http://www.cheatography.com/spaceduck/"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/e5f4dc698559e9cdd546c749924c2342" width="32" height="32" alt="SpaceDuck"></a> <span class="hover_wrap"><a href="http://www.cheatography.com/spaceduck/" class="user_hover" style="line-height: 42px;">SpaceDuck</a></span></div>
        </div>
    <div class="clear"></div>
</div>


<!-- /web/www.cheatography.com/cache/35cb66b25e43f07017839a47c2365fb0.cache -->                </div>
                <div class="triptych2">
                    <div class="sidebar_box">
    <div class="sidebar_box_first_row"><h4>On The Blog</h4></div>
            <div class="sidebar_box_row sidebar_box_last_row"><a href="http://www.cheatography.com/blog/cheatography-an-overdue-overhaul/">Cheatography, An Overdue Overhaul</a><br>For a little over two years a new version of Cheatography, with a new PDF builder at its core, has been in the works. Enough procrastinating - time to take the cellophane off and see how it goes.<br><em>Posted on 19 February</em>.</div>
    </div>


<!-- /web/www.cheatography.com/cache/5782f0da8e94446b5194b32ea3203ced.cache -->                    
    <div class="sidebar_box">
        <div class="sidebar_box_first_row"><h4>Cheatography RSS Feeds</h4></div>
        <ul>
            <li class="icon_feed"><a href="http://www.cheatography.com/explore/new/rss/">Latest Cheat Sheets</a></li>
            <li class="icon_feed"><a href="http://www.cheatography.com/blog/rss/">Latest Blog Posts</a></li>
        </ul>
    </div>


<!-- /web/www.cheatography.com/cache/c9516da3d4c91c134fa4d1ea4ad734ac.cache -->                </div>
                <div class="triptych3">

                    <!-- AddThis Button BEGIN -->
                    <div class="imagelink addthis_toolbox addthis_default_style addthis_32x32_style" style="margin: 0 0 50px;" addthis:url="http://www.cheatography.com" addthis:title="Cheatography: Make and Share Free Cheat Sheets!">
                        <h2 style="margin: 0 0 5px 0;">Share Cheatography!</h2>
                        <div class="padded">
                            <a class="addthis_button_facebook at300b" title="Facebook" href="http://www.cheatography.com/#"><span class=" at300bs at15nc at15t_facebook"><span class="at_a11y">Share on facebook</span></span></a>
                            <a class="addthis_button_twitter at300b" title="Tweet" href="http://www.cheatography.com/#"><span class=" at300bs at15nc at15t_twitter"><span class="at_a11y">Share on twitter</span></span></a>
                            <a class="addthis_button_reddit at300b" href="http://www.addthis.com/bookmark.php?v=300&winname=addthis&pub=ra-4db5226a16bf710d&source=tbx32-300&lng=zh-CN&s=reddit&url=http%3A%2F%2Fwww.cheatography.com&title=Cheatography%3A%20Make%20and%20Share%20Free%20Cheat%20Sheets!&ate=AT-ra-4db5226a16bf710d/-/-/533fccfe65fa7c00/4&frommenu=1&uid=533fccfe734e7e33&ct=1&pre=http%3A%2F%2Fwww.oschina.net%2Fnews%2F50465%2Fbest-cheat-sheets-for-designers-and-programmers&tt=0&captcha_provider=nucaptcha" target="_blank" title="Reddit"><span class=" at300bs at15nc at15t_reddit"><span class="at_a11y">Share on reddit</span></span></a>
                            <a class="addthis_button_stumbleupon at300b" href="http://www.addthis.com/bookmark.php?v=300&winname=addthis&pub=ra-4db5226a16bf710d&source=tbx32-300&lng=zh-CN&s=stumbleupon&url=http%3A%2F%2Fwww.cheatography.com&title=Cheatography%3A%20Make%20and%20Share%20Free%20Cheat%20Sheets!&ate=AT-ra-4db5226a16bf710d/-/-/533fccfe65fa7c00/5&frommenu=1&uid=533fccfeb16a18c4&ct=1&pre=http%3A%2F%2Fwww.oschina.net%2Fnews%2F50465%2Fbest-cheat-sheets-for-designers-and-programmers&tt=0&captcha_provider=nucaptcha" target="_blank" title="StumbleUpon"><span class=" at300bs at15nc at15t_stumbleupon"><span class="at_a11y">Share on stumbleupon</span></span></a>
                            <a class="addthis_button_favorites at300b" title="Favorites" href="http://www.cheatography.com/#"><span class=" at300bs at15nc at15t_favorites"><span class="at_a11y">Share on favorites</span></span></a>
                            <a class="addthis_button_compact at300m" href="http://www.cheatography.com/#"><span class=" at300bs at15nc at15t_compact"><span class="at_a11y">More Sharing Services</span></span></a>
                            <a class="addthis_counter addthis_bubble_style" href="http://www.cheatography.com/#" style="display: inline-block;"><a class="addthis_button_expanded" target="_blank" title="View more services" href="http://www.cheatography.com/#">250</a><a class="atc_s addthis_button_compact"><span></span></a></a>
                        </div>
                        <script type="text/javascript">
                            var addthis_config = {
                                "data_track_clickback":true,
                                "services_exclude":'print',
                                data_ga_property:'UA-4997759-8'

                            };
                            </script>
                        <script type="text/javascript" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/addthis_widget.js"></script>
                    <div class="atclear"></div></div>
                    <!-- AddThis Button END -->

                    <h2>Recent Activity</h2>
                    <div class="sidebar_box">
            <div class="sidebar_box_row"><a class="imagelink" style="float: left; margin: 5px 8px 5px 0;" href="http://www.cheatography.com/wvervuurt/"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/40c39f3ea3cb053a958fc605c0ecf510" width="32" height="32" alt="wvervuurt"></a> <span class="hover_wrap"><a href="http://www.cheatography.com/wvervuurt/" class="user_hover">wvervuurt</a></span> published <a href="http://www.cheatography.com/wvervuurt/cheat-sheets/productivity/">Productivity</a>. <span class="sidebar_event_date">2 days ago</span></div>
            <div class="sidebar_box_row"><a class="imagelink" style="float: left; margin: 5px 8px 5px 0;" href="http://www.cheatography.com/mjorod/"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/e7c97e482bfe08637240b9020bf272e2" width="32" height="32" alt="mjorod"></a> <span class="hover_wrap"><a href="http://www.cheatography.com/mjorod/" class="user_hover">mjorod</a></span> updated <a href="http://www.cheatography.com/mjorod/cheat-sheets/textram/">TextRAM</a>. <span class="sidebar_event_date">4 days 8 hours ago</span></div>
            <div class="sidebar_box_row"><a class="imagelink" style="float: left; margin: 5px 8px 5px 0;" href="http://www.cheatography.com/bavo-van-achte/"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/72a61de5837793251b025d79a43fc3c3" width="32" height="32" alt="bavo.van.achte"></a> <span class="hover_wrap"><a href="http://www.cheatography.com/bavo-van-achte/" class="user_hover">bavo.van.achte</a></span> published <a href="http://www.cheatography.com/bavo-van-achte/cheat-sheets/total-commander/">Total Commander</a>. <span class="sidebar_event_date">4 days 18 hours ago</span></div>
            <div class="sidebar_box_row"><a class="imagelink" style="float: left; margin: 5px 8px 5px 0;" href="http://www.cheatography.com/mckenn/"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/ae4f476666dcadd78c2cebbc18901175" width="32" height="32" alt="mckenn"></a> <span class="hover_wrap"><a href="http://www.cheatography.com/mckenn/" class="user_hover">mckenn</a></span> published <a href="http://www.cheatography.com/mckenn/cheat-sheets/sublime-text-2-for-mobile-use/">Sublime Text 2 for mobile use</a>. <span class="sidebar_event_date">4 days 20 hours ago</span></div>
            <div class="sidebar_box_row sidebar_box_last_row"><a class="imagelink" style="float: left; margin: 5px 8px 5px 0;" href="http://www.cheatography.com/b0r0h/"><img class="gravatar" src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/40a3bbbdb073dc604b080a0a40be6f04" width="32" height="32" alt="B0R0H"></a> <span class="hover_wrap"><a href="http://www.cheatography.com/b0r0h/" class="user_hover">B0R0H</a></span> published <a href="http://www.cheatography.com/b0r0h/cheat-sheets/diablo-3-german/">Diablo 3 (German)</a>. <span class="sidebar_event_date">4 days 22 hours ago</span></div>
        <div class="clear"></div>
</div>


<!-- /web/www.cheatography.com/cache/a98ac7058754245fdf9056fa700ef6d5.cache -->                </div>
                <div class="clear"></div>


                <div class="legal">
                    <div style="float: left; width: 60%;">
                        © 2011  - 2014 Cheatography.com &nbsp; | &nbsp; <a href="http://creativecommons.org/licenses/by-nc-sa/2.0/uk/">CC License</a> &nbsp; | &nbsp; <a href="http://www.cheatography.com/terms-and-conditions/">Terms</a> &nbsp; | &nbsp;  <a href="http://www.cheatography.com/privacy/">Privacy</a>
                    </div>
                    <div style="float: right; width: 30%; text-align: right;">
                        An <a href="http://www.addedbytes.com/">Added Bytes</a> Website
                    </div>
                    <div class="clear"></div>
                </div>


                <div class="clear"></div>

            </div><div class="clear"></div></div>
        
    <div class="clear"></div>

            <!-- Google -->
        <script type="text/javascript">

          var _gaq = _gaq || [];
          _gaq.push(['_setAccount', 'UA-4997759-8']);
          _gaq.push(['_trackPageview']);

          (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
          })();

        </script>

        <script type="text/javascript" charset="utf-8">
            var is_ssl = ("https:" == document.location.protocol);
            var asset_host = is_ssl ? "https://s3.amazonaws.com/getsatisfaction.com/" : "http://s3.amazonaws.com/getsatisfaction.com/";
            document.write(unescape("%3Cscript src='" + asset_host + "javascripts/feedback-v2.js' type='text/javascript'%3E%3C/script%3E"));
        </script><script src="./CSS2 Cheat Sheet by DaveChild - Cheatography.com_files/feedback-v2.js" type="text/javascript"></script>

        <script type="text/javascript" charset="utf-8">
            var feedback_widget_options = {};

            feedback_widget_options.display = "overlay";
            feedback_widget_options.company = "cheatography";
            feedback_widget_options.placement = "right";
            feedback_widget_options.color = "#333";
            feedback_widget_options.style = "idea";

            var feedback_widget = new GSFN.feedback_widget(feedback_widget_options);
        </script><a href="http://www.cheatography.com/#" id="fdbk_tab" class="fdbk_tab_right" style="background-color:#333">FEEDBACK</a><div id="fdbk_overlay" style="display:none"><div id="fdbk_container"><a href="http://www.cheatography.com/#" id="fdbk_close"></a><iframe id="fdbk_iframe" allowtransparency="true" scrolling="no" frameborder="0" class="loading" width="658px" height="100%" style="width: 658px; height: 100%;"></iframe></div><div id="fdbk_screen"></div></div>

    


<div id="fancybox-tmp"></div><div id="fancybox-loading"><div></div></div><div id="fancybox-overlay"></div><div id="fancybox-wrap"><div id="fancybox-outer"><div class="fancy-bg" id="fancy-bg-n"></div><div class="fancy-bg" id="fancy-bg-ne"></div><div class="fancy-bg" id="fancy-bg-e"></div><div class="fancy-bg" id="fancy-bg-se"></div><div class="fancy-bg" id="fancy-bg-s"></div><div class="fancy-bg" id="fancy-bg-sw"></div><div class="fancy-bg" id="fancy-bg-w"></div><div class="fancy-bg" id="fancy-bg-nw"></div><div id="fancybox-inner"></div><a id="fancybox-close"></a><a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a><a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a></div></div><canvas style="display: none;"></canvas></body></html>